<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head><title>Unilever Reports</title>
<link href="./css/styles.css"
rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="#{request.contextPath}/themes/#{layoutBean.theme}/skin.css" />
</h:head>
<h:body>
<h:form>
<p:ajaxStatus style="width:32px;height:32px;">
	<f:facet name="start">
		<p:graphicImage value="ajax-loader.gif" />
	</f:facet>
	<f:facet name="complete">
		<h:outputText value="" />
	</f:facet>
</p:ajaxStatus> 
<p:panel id="panel" header="Call Procedure" style="margin-bottom:10px;">   
        <h:panelGrid columns="2">  
            <h:outputLabel value="First Parameter: " />  
            <p:inputText id="p1" value="#{procedureManagedBean.param1}"  />   
              
            <h:outputLabel value="Second Parameter: " />  
            <p:inputText id="p2" value="#{procedureManagedBean.param2}"  /> 
            
            <h:outputLabel value="Third Parameter: " />  
            <p:inputText id="p3" value="#{procedureManagedBean.param3}"  />
            
            <h:outputLabel value="Second Parameter: " />  
            <p:inputText id="p4" value="#{procedureManagedBean.param4}"  />
               
        </h:panelGrid>  
    </p:panel>  
 <h:commandButton value="Call" actionListener="#{procedureManagedBean.callProcedure}"/>
</h:form> 
</h:body>
</html>